<!-- KARIKATURA DAN-A -->
<div class="trecine mRight">

    <div id="najcitanije_danas" class='trecine mRight'>

        <div id="karikatura_ikona"><img src="<?=$url?>assets/images/backgnds/karikatura.png" /></div>
        <h3 id="karikatura">Карикатура ДАН-а</h3>
        <a href="#"> 
            <div>
                <?
                    $img = "getimage.php?img=".$caricature[0]['image']."&w=325&h=281&exacttop"; 
                ?>
                <img src="<?=$img?>" alt="Карикатура ДАН-а" />
            </div>
        </a>
    </div>

</div>

<!-- RIJEC DANA, RECEPT DANA -->
<div class="trecine mRight">

    <div id="rijec_dana" class="clearfix">
        <h3>РИЈЕЧ ДАН-а</h3>
        <ul class="najcitanije">
            <li class='clearfix'>
                <span><img src="<?=$url?>assets/images/backgnds/chats.png" alt="РИЈЕЧ ДАН-а" /></span>
                <h4><a href='#'>
                        <? if(strlen($wordofday[0]['text'])>87 ) {echo mb_substr($wordofday[0]['text'], 0, 87, 'UTF-8').'...';}else {echo $wordofday[0]['text'];}?>
                    </a></h4>
            </li>
            <li class='clearfix odd'>
                <h4><a href='#'>
                        <? if(strlen($wordofday[0]['author'])>87 ) {echo mb_substr($wordofday[0]['author'], 0, 87, 'UTF-8').'...';}else {echo $wordofday[0]['author'];}?>
                    </a></h4>
            </li>
        </ul>
    </div>

    <div id="rijec_dana" class="clearfix">
        <h3>РЕЦЕПТ ДАН-а</h3>
        <ul class="najcitanije pBottom">
            <li class='clearfix'>
                <span id="recept_dana"><img src="<?=$url?>assets/images/backgnds/bag.png" alt="РЕЦЕПТ ДАН-а" /></span>
                <h4><a href='#'>
                        <? if(strlen($recipeofday[0]['author'])>67 ) {echo mb_substr($recipeofday[0]['author'], 0, 67, 'UTF-8').'...';}else {echo $recipeofday[0]['author'];}?>
                    </a></h4>
            </li>
            <li class='clearfix odd'>
                <h4><a href='#'>
                        <? if(strlen($recipeofday[0]['text'])>67 ) {echo mb_substr($recipeofday[0]['text'], 0, 67, 'UTF-8').'...';}else {echo $recipeofday[0]['text'];}?>
                    </a></h4>
            </li>                          
        </ul>
    </div>

</div>

<!-- PROGNOZA ДАНА, HOROSKOP -->
<div class="trecine fixWidthTrecine">

    <div id="prognnoza_dana" class="clearfix">
        <h3>ПРОГНОЗА ДАНА</h3>
        <ul class="najcitanije">
            <li class='clearfix'>
                <span id="vremenska_ikona">
                    <?=$this->weather->img()?>
                </span>
                <span class="temparatura">
                    <span class="maximalna"><?=$this->weather->tmax()?>°</span>
                    <span class="minimalna"><?=$this->weather->tmin()?>°</span>
                </span>
                <span class="vlaznost">
                    rel. vlažnost:
                    <strong><?=$this->weather->hmd()?>%</strong>
                    tlak zraka:
                    <strong><?=$this->weather->pre()?> hPa </strong> 
                </span> 
            </li>
        </ul>
    </div>

    <div class="spacer"></div>

    <div id='horoskop' class='horoskop clearfix'>

        <ul class="tabs">
            <li><a href="javascript:void(null)" title='Ован' class='ovan' ></a></li>
            <li><a href="javascript:void(null)" title='Бик'  class='bik'  ></a></li>
            <li><a href="javascript:void(null)" title='Близанци' class='blizanci' ></a></li>
            <li><a href="javascript:void(null)" title='Рак' class='rak' ></a></li>
            <li><a href="javascript:void(null)" title='Лав' class='lav' ></a></li>
            <li><a href="javascript:void(null)" title='Девица' class='devica' ></a></li>
            <li><a href="javascript:void(null)" title='Вага' class='vaga' ></a></li>
            <li><a href="javascript:void(null)" title='Шкорпија' class='skorpija' ></a></li>
            <li><a href="javascript:void(null)" title='Стрелац' class='strelac' ></a></li>
            <li><a href="javascript:void(null)" title='Јарац' class='jarac' ></a></li>
            <li><a href="javascript:void(null)" title='Водолија' class='vodolija' ></a></li>
            <li><a href="javascript:void(null)" title='Рибе' class='ribe' ></a></li>
        </ul>
        <div class="panes">

            <?
                foreach($signs as $column=>$row){
                    if(($row!='id')&&($row!='datetime')){
                    ?>
                    <!-- <?=$row?> -->                                                      
                    <div>
                        <h4>Horoskop <?=$row?> (<?= date('d.m', $horoscope[0]['datetime'])?> - <?= date('d.m', ($horoscope[0]['datetime']+86400))?>)</h4>
                        <? 
                            if(strlen($horoscope[0][$row])>223 ) {echo mb_substr($horoscope[0][$row], 0, 123, 'UTF-8').'... <a href="">Опширније</a>';}else {echo $horoscope[0][$row];}
                        ?>

                    </div>
                    <?
                    } 
                }
            ?>

        </div>
    </div>

</div>